﻿@{
    ViewBag.Title = "Todo List";
}

@section Styles{
    @Stylesheet.Render("prettify")
    @Stylesheet.Render("lhgdialog")
}

<ul class="nav nav-tabs">
    <li class="active"><a href="#html" data-toggle="tab">TodoListDemo.html</a></li>
    <li><a href="#application" data-toggle="tab">application.js</a></li>
    <li><a href="#router" data-toggle="tab">router.js</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">controllers <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#todos_controller" data-toggle="tab">todos_controller.js</a></li>
            <li><a href="#todo_controller" data-toggle="tab">todo_controller.js</a></li>
        </ul>
    </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">models <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#store" data-toggle="tab">store.js</a></li>
            <li><a href="#todo" data-toggle="tab">todo.js</a></li>
        </ul>
    </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">views <b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a href="#edit_todo_view" data-toggle="tab">edit_todo_view.js</a></li>
        </ul>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active" id="html">
        <div class="pretty" data-type="html" data-code="Ember-Demo-TodoListDemo"></div>
    </div>
    <div class="tab-pane" id="application">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-application"></div>
    </div>
    <div class="tab-pane" id="router">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-router"></div>
    </div>
    <div class="tab-pane" id="todos_controller">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-controllers-todos_controller"></div>
    </div>
    <div class="tab-pane" id="todo_controller">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-controllers-todo_controller"></div>
    </div>
    <div class="tab-pane" id="store">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-models-store"></div>
    </div>
    <div class="tab-pane" id="todo">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-models-todo"></div>
    </div>
    <div class="tab-pane" id="edit_todo_view">
        <div class="pretty" data-type="js" data-code="Ember-Demo-_js-views-edit_todo_view"></div>
    </div>
</div>


@section Scripts{
    @Javascript.Render("prettify")
    @Javascript.Render("lhgdialog")
}